<template>
  <div class="bg">
    <el-upload
      class="upload-demo"
      drag
      action="http://127.0.0.1:8081/cum/minio/uploadAndAnalysis"
      multiple
    >
      <el-icon class="el-icon--upload"><upload-filled /></el-icon>
      <div class="el-upload__text">拖入文件 <em>点击上传</em></div>
      <template #tip>
        <div class="el-upload__tip">
          jpg/png files with a size less than 500kb
        </div>
      </template>
    </el-upload>

 
  </div>
  <el-table :data="tableData" style="width:300">
      <el-table-column prop="date" label="Date" width="180" />
      <el-table-column prop="name" label="Name" width="180" />
      <el-table-column prop="address" label="Address"  width="180" />
    </el-table>
</template>
<script>
import { ElUpload ,ElTable} from 'element-plus'
import { UploadFilled } from '@element-plus/icons-vue'

export default {
  data () {
    return {
      fileList: [],
      tableData: [
        {
          date: '2016-05-03',
          name: 'Tom',
          address: 'No. 189, Grove St, Los Angeles'
        },
        {
          date: '2016-05-02',
          name: 'Tom',
          address: 'No. 189, Grove St, Los Angeles'
        },
        {
          date: '2016-05-04',
          name: 'Tom',
          address: 'No. 189, Grove St, Los Angeles'
        },
        {
          date: '2016-05-01',
          name: 'Tom',
          address: 'No. 189, Grove St, Los Angeles'
        }
      ]
    }
  },
  components: { ElUpload, UploadFilled ,ElTable}
}
</script>
<style scoped>
.el-icon--upload {
  font-size: 20px; /* 根据需要调整图标大小 */
  color: #409eff; /* 根据需要调整图标颜色 */
}
.bg {
  background-color: #f2f2f2;
  width: 200px;
}
</style>
